<template>
  <div class="xiaobody">
   <myBody1></myBody1>
    <myBody2></myBody2>
  </div>
</template>

<script>
import myBody1 from './Body1.vue'
import myBody2 from './Body2.vue'
// import myBody3 from './Body3.vue'

 
export default {
   name:'myBody',
   components:{myBody1,myBody2},
}
</script>

<style >
  .xiaobody{
    position:absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    overflow:auto;
    background-image: linear-gradient( 135deg, #FEB692 10%, #EA5455 100%);
  }
   html, body {
        width: 100%;
        height: 100%;
   }
</style>